/* 样式部分，用于区分图片和空白框元素 */
.image-container {
    display: flex;
    justify-content: center;
}
.dropBody {
    display: flex;
    justify-content: center;
}
.image {
    width: 15vw;
    height: 15vw;
    margin: 1.5vw;
    cursor: pointer;
}
.ImageBackground {
    width: 18vw;
    height: 18vw;
    border: 2px dashed gray;
    margin: 1rem 0.5rem 0.5rem 0.5rem;
}
.blank-box {
    width: 6.8rem;
    height: 6.8rem;
    border: 2px dashed gray;
    margin: 0rem 0.5rem 0rem 0.5rem;
    display: flex;
    line-height: 4.5rem;
}
#blank-box1 {
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    width: 18vw;
    height: 18vw;
    border: 2px dashed gray;
    display: inline-block;
    position: relative;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
#blank-box2 {
    width: 18vw;
    height: 18vw;
    border: 2px dashed gray;
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    display: inline-block;
    position: relative;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
#blank-box3 {
    width: 18vw;
    height: 18vw;
    border: 2px dashed gray;
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    display: inline-block;
    position: relative;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
#blank-box4 {
    width: 18vw;
    height: 18vw;
    border: 2px dashed gray;
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    display: inline-block;
    position: relative;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
.box-number {
    font-size: 5rem; /* 设置字体大小 */
    font-weight: bold; /* 设置字体为粗体 */
    color: rgb(214, 214, 214); /* 设置字体颜色 */
    z-index: -99 !important;
    line-height: 6rem;
}
.dropped {
    border: 4px dashed #46903d;
}
#floatingImage1 {
    position: absolute;
    top: 15%;
    left: 6%;
    z-index: 99;
    width: 4rem;
    height: 4rem;
}
#floatingImage2 {
    position: absolute;
    top: 15%;
    left: 35%;
    z-index: 99;
    width: 4rem;
    height: 4rem;
}
#floatingImage3 {
    position: absolute;
    margin-top: 35%;
    left: 6%;
    z-index: 99;
    width: 4rem;
    height: 4rem;
}
#floatingImage4 {
    position: absolute;
    margin-top: 35%;
    left: 35%;
    z-index: 99;
    width: 4rem;
    height: 4rem;
}
#number1 #number2 #number3 #number4 {
    position: relative;
    z-index: -999 !important;
}
/* 以上是第一关排序的代码 */
